import React from "react";
import { Link } from "react-router-dom";
import * as styles from "./style.css";

export class Header extends React.Component {

  constructor(props) {
    super(props)
    // 在 server 端才会有这个方法，客户端是没有这个方法的
    if (typeof window === "undefined") {
      // console.log(styles._getCss())
      console.log(this.props.staticContext)
      console.log("fuck");
      console.log(this.props)
      // 如果我们在这里向 context 中注入 css 代码的话，那么我们在 server 端就可以获取到 css 样式
      this.props.staticContext.css.push(styles._getCss())
    }
  }
  render() {
    return <div className={styles.header}>
      <p>这个是一个组件 header</p>
      <Link to="/">首页</Link>
      <br />
      <Link to="/login">登录</Link>
      <br />
      {/* <button>click me</button> */}
    </div>

  }
}
